<template>
	<view class="container">
		<view class="logo">
			<view class="img">
				<image mode="widthFix" src="/static/img/public/myl.png"></image>
			</view>
			<view class="text">牧耘郎</view>
		</view>
		<view class="info">
			<view class="info_item" v-for="item in infoData">
				<text>{{item.title}}: </text>
				<text>{{item.content}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	import Api from '@/common/api';
	export default {
		data() {
			return {
				infoData:[
					{
						title: '联系我们',
						content: '官方微信：MYLxiaomumu'
					},{
						title: '商务合作',
						content: 'muyunlang@dfkjt.com'
					},{
						title: '客服热线',
						content: '0755-26913901'
					}
				]
			}
		},
	}
</script>

<style lang="scss">
	@import "../../static/css/login.scss";
	.container{
		box-sizing: border-box;
		border-top: .5upx solid #f3f5f7;
		display: flex;
		flex-flow: column;
		align-items: center;
		.info{
			width: 561upx;
			border-top: .5upx solid #f3f5f7;
			box-sizing: border-box;
			margin-top: 57upx;
			padding-top: 70upx;
			.info_item{
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin-bottom: 47upx;
				color: #232323;
				font-size: 28upx;
				font-weight: bold;
				letter-spacing:4upx;
				text{
					&:last-child{
						margin-left: 20upx;
						font-weight: 200;
					}
				}
			}
		}
	}
</style>
